<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./table.css" />
    <link rel="stylesheet" href="./pugong.css" />
    <link rel="stylesheet" href="./utils.css" />
    <script src="./index.full.js"></script>

    <script>
      //适配代码
      (function (doc, win) {
        var docEI = doc.documentElement,
          resizeEvt = "orientationchange" in window ? "orientataionchange" : "resize",
          recalc = function () {
            var clientWidth = docEI.clientWidth;
            if (!clientWidth) return;
            //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
            docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>
    <style>
      * {
        /* margin: 0;
        padding: 0; */
        font-size: 0.25rem;
      }

      .fontw {
        font-weight: 700;
      }

      .fsize12 {
        font-size: 20px;
      }
    </style>
  </head>

  <body>
    <div id="app" class="table-content text-left">
      <div class="text-center fontw" style="font-size: 0.25rem; margin-bottom: 50px">安全防护用品使用图解</div>
      <div class="text-center fontw" style="font-size: 0.2rem; margin-bottom: 50px">进入施工现场必须根据要求按下图佩戴好相应的安全防防护用品。</div>
      <el-row>
        <el-col :span="12">
          <div class="fontw" style="font-size: 16px; text-align: center">施工人员安全防护佩戴示范</div>
          <div class="fsize12">1、劳务分包单位应为所有施工人员配备符合国或行业标准要求的个人劳动防护用品。</div>
          <div class="fsize12">2、个人劳动防护用品进场时应由相关专业人员组织验收，合格后方可使用。</div>
          <div class="fsize12">3、进入施工现场前，应按要求正确佩戴安全帽、五点式安全带等个人劳动防护用品。</div>
          <div class="fsize12">4、安全帽应根据工种不同选配，帽壳应保持清洁，帽衬、帽箍、系带等配件应齐全完好。</div>
          <div class="fsize12">5、进入临边、洞口及高处区域，应将安全带挂靠在牢靠的部位并遵从“高挂低用”的原则。</div>
          <div class="fsize12">6、进入施工现场必须穿戴反光背心，普通作业人员穿戴橘黄色反光背心，特种作业人员穿戴蓝色反光背心。</div>
          <div class="fsize12">7、工作服应保持整洁，袖口及裤腿应扎紧，劳保鞋应同时具备绝缘、防滑、防砸功能。</div>
          <div class="fsize12">8、个人劳动防护用品应保存在干燥、通风的位置，远离热源。</div>
          <div class="fsize12">9、每日班前应对个人劳动防护用品进行检查，确保完整后方可使用。</div>
          <div class="fsize12">10、个人劳动防护用品应符合安全生产管理标准化要求。</div>
          <div class="fsize12">11、个人劳动防护用品达到报废标准时，应及时报废并予以重新发放并做好登记。</div>
        </el-col>
        <el-col :span="12" style="display: flex; align-items: center">
          <img src="./assets/image/img2.png" alt="" style="height: 4rem" />
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <div class="fontw" style="font-size: 16px; text-align: center">其他防护用品</div>
          <div class="fsize12">1、胶面防砸安全靴的质量必须符合《胶面防砸安全靴》(GB7054)的要求并有产品合格证及检验报告。</div>
          <div class="fsize12">2、绝缘皮鞋的质量必须符合《绝缘皮鞋》(GB12011)的要求并有产品合格证及检验报告。</div>
          <div class="fsize12">3、低压绝缘胶鞋的质量必须符合《低压绝缘胶鞋》(GB12015)的要求并有产品合格证及检验报</div>
          <div class="fsize12">4、劳保鞋分为防砸、防刺穿、防滑、及电绝缘等类型劳保鞋主要用于防止人员意外触电，防止足部被坚硬物刺伤，被重物砸伤等。</div>
          <div class="fsize12">5、劳保鞋的质量必须符合国家规范要求并有产品合格及检测证明。</div>
          <div class="fsize12">6、所有进入施工现场的人员必须穿戴具有防刺穿功能的劳保鞋，冬季施工应配备具有防滑功能的劳保鞋。</div>
          <div class="fsize12">7、电工、焊工等可能接触电气设备的人员应穿戴同时具备防刺、电绝缘的劳保鞋。</div>
          <div class="fsize12">8、安装工应穿戴同时具备防刺、防砸功能的劳保鞋。</div>
          <div class="fsize12">9、劳保鞋应放在干燥通风的位置,避免强酸碱及高温环境。</div>
          <div class="fsize12">10、根据建筑施工企业安全生产管理规范(GB50656)的要求，不同工种应配备不同的劳动防护用品。</div>
          <div class="fsize12">11、电焊工在作业过程中应配备电焊面罩、护目镜、电焊手套、焊工脚盖等防护用品。</div>
          <div class="fsize12">12、打磨人员在作业过程中应配备棉制劳保手套、护目镜以及防护口罩等防护用品。</div>
          <div class="fsize12">13、电工在作业过程中应佩戴胶质绝缘手套，穿戴电绝缘的劳保鞋。</div>
          <div class="fsize12">14、油漆及防火涂料作业人员应配备过滤口罩。</div>
        </el-col>
        <el-col :span="12" style="display: flex; align-items: center">
          <img src="./assets/image/img3.png" alt="" style="height: 4rem" />
        </el-col>
      </el-row>
    </div>
    <script>
      const { createApp, reactive, toRefs, ref, onMounted } = Vue;
      const vue3Composition = {
        setup() {
          const fireForm = ref({
            year: "",
            month: "",
            day: "",
            acceptor: "", //承诺人
          });

          window.setSign = (event) => {
            console.log(event, "event22");
            fireForm.value[event.key] = event.img;
          };

          window.getData = (event) => {
            return fireForm.value;
          };
          window.setData = (data) => {
            fireForm.value = data;
          };

          //peopleForm.sign
          const setUpEquipment = (key, type) => {
            window.parent.childListener({
              key,
              type,
            });
          };
          return {
            fireForm,
            setUpEquipment,
          };
        },
      };
      const app = createApp(vue3Composition).use(ElementPlus).mount("#app");
    </script>
  </body>
</html>
